<template>
	<div class="btn-box">
		<a class="login-btn" @click="$emit('login')">登录</a>
		<router-link to="/reg" class="reg-btn">注册</router-link>
	</div>
</template>

<script>
</script>

<style scoped lang="less">
.btn-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 38px;
	a{
		display: inline-block;
		width: 184px;
		height: 36px;
		line-height: 38px;
		text-align: center;
		color: #555;
		border: 1px solid #ccc;
		border-radius: 2px;
		font-size: 14px;
		transition: all .3s;
		cursor: pointer;
	}
	.login-btn{
		border: 1px solid #0381aa;
		color: #fff;
		background-color: #00a7de;
	}
}
</style>
